@font-face {
font-family:Ubuntu;
font-style:normal;
font-weight:400;
src:local(Ubuntu), url(http://themes.googleusercontent.com/static/fonts/ubuntu/v4/_xyN3apAT_yRRDeqB3sPRg.woff) format(woff);
}

body {
font-family:"Ubuntu, Lucida Grande", "Lucida Sans Unicode", "Lucida Sans", Geneva, Verdana, sans-serif;
font-weight:400;
margin:0;
padding:0;
}

input,textarea,select {
font-family:inherit;
}

a {
color:blue;
text-decoration:none;
}

a:hover {
color:blue;
text-decoration:underline;
}

img {
border:none;
vertical-align:middle;
}

.PrintIcon {
float:right;
cursor:pointer;
}

.page_title_text {
font-weight:700;
color:#000;
text-align:center;
}

#mask {
display:none;
position:fixed;
top:0;
right:0;
bottom:0;
left:0;
background-image:url(images/mask.png);
z-index:2;
}

#dialog {
min-width:10%;
max-width:50%;
display:inline-block;
background:#fff;
z-index:99;
border:solid #000 1px;
border-radius:7px;
position:fixed;
top:50%;
left:50%;
margin-top:-9em;
margin-left:-15em;
box-shadow:0 0 5px #16187A;
padding:2px 2px 5px;
}

#dialog_header {
background:#569;
width:auto;
border-radius:4px;
font-size:130%;
text-align:left;
padding-left:5px;
color:#D7D6FF;
margin:2px;
}

#dialog_main {
background:#FFF;
width:auto;
border-radius:4px;
text-align:left;
padding-left:5px;
padding-right:5px;
font-style:italic;
font-size:130%;
color:navy;
margin:3% 2px;
}

input.okButton {
display:inline-block;
background-color:#569;
border:thin;
color:#D7D6FF;
border-radius:3px;
cursor:pointer;
font-style:normal;
box-shadow:2px 2px 3px;
width:20%;
border-color:#CCC;
margin:2px 15px 5px 0;
padding:2px;
}

input.okButton:active {
box-shadow:0 0 0;
}

input.okButton:hover {
background-color:#569;
}

p.good {
font-weight:700;
color:green;
}

p.bad {
font-weight:700;
color:red;
}

table {
width:auto;
margin:0 auto 5px;
}

th {
background-color:#cccce5;
color:#300;
text-align:center;
}

th.number {
background-color:#cccce5;
color:#300;
text-align:right;
}

th.SortableColumn {
cursor:s-resize;
}

td {
text-align:left;
}

td.select {
background-color:#eee;
}

.centre {
text-align:center;
margin:0 auto 5px;
}

input.image {
background-color:transparent;
border-width:0;
}

input.image:hover {
background-color:transparent;
}

input:required,select:required,textarea:required {
background-color:#C0ECFF;
}

select.inputerror {
background:#FFA4A4;
}

:-moz-ui-invalid {
background-color:#FFA4A4;
}

.EvenTableRows {
background-color:#CCC;
}

.OddTableRows {
background-color:#EEE;
}

div.error {
background-color:#fddbdb;
color:red;
border:1px solid red;
}

div.warn {
background-color:#f5dbfd;
color:maroon;
border:1px solid maroon;
}

div.success {
background-color:#b9ecb4;
color:#006400;
border:1px solid #006400;
}

div.info {
background-color:#c7ccf6;
color:navy;
border:1px solid navy;
}

div.csv {
background:lightgray;
color:#000;
border:1px solid #000;
padding-left:3px;
z-index:1;
width:50%;
float:none;
visibility:visible;
position:static;
padding-top:1px;
padding-bottom:1px;
text-align:center;
margin:0 auto;
}

DIV.page_help_text {
background:#D3D3D3 url(images/help.png) top left no-repeat;
border:#a52a2a 1px solid;
padding-top:2px;
padding-bottom:2px;
padding-left:10px;
z-index:1;
width:80%;
float:none;
visibility:visible;
position:static;
color:#000;
text-align:center;
margin:0 auto;
}

.dpTbl {
border:solid navy 1px;
background:#FFF;
}

.dpTD {
border:0;
width:20px;
background-color:#EEE;
text-align:right;
cursor:pointer;
}

.dpDayHighlight {
border:0;
width:20px;
background-color:#FF0;
text-align:right;
cursor:pointer;
}

.dpTDHover {
border:0;
width:20px;
background-color:#CCC;
text-align:right;
cursor:pointer;
}

.table1 {
width:90%;
background:#eee;
border:1px solid #222;
margin:0 auto;
}

.tableheader {
background-color:#cccce5;
color:#300;
}

.notavailable {
font-weight:lighter;
font-style:italic;
color:#555;
}

.label {
font-weight:700;
font-style:normal;
font-size:120%;
color:#000;
background-color:#ccc;
}

.table_index {
background-color:#F1FFDD;
}

.header {
background-image:url();
background-repeat:no-repeat;
background-attachment:fixed;
border:none;
margin:0;
padding:0;
}

.OsRow {
background-color:#234567;
color:#FFF;
}

#CanvasDiv {
background-color:#cdf;
color:#FFF;
}

#HeaderDiv {
background-color:#569;
overflow:hidden;
}

#AppInfoModuleDiv {
clear:both;
}

#QuickMenuDiv ul {
list-style:none;
margin:0;
padding:0;
}

#QuickMenuDiv li a {
border:0px outset #aae;
border-top:0px solid #aae;
border-radius:0 0 7px 7px;
color:#000;
padding:1px;
}

#QuickMenuDiv li a:hover {
border:0px outset #cdf;
border-top:0px solid #cdf;
text-decoration:none;
}

#BodyDiv {
clear:both;
overflow:hidden;
text-align:center;
color:#000;
}

#MainMenuDiv {
background:#569;
width:100%;
height:18px;
}

#MainMenuDiv ul {
list-style:none;
margin:0;
padding:0;
}

#MainMenuDiv li a {
background:#aae;
border:1px outset #aae;
border-bottom:1px solid #aae;
border-radius:7px 7px 0 0;
color:#000;
padding:1px;
}

#MainMenuDiv li a:hover {
background:#cdf;
border:1px outset #cdf;
border-bottom:1px solid #cdf;
text-decoration:none;
}

#MainMenuDiv .main_menu_selected a {
background:#cdf;
border:1px outset #cdf;
border-bottom:1px solid #cdf;
}

.menu_group_items a:hover {
color:#00a;
text-decoration:underline;
}

#SubMenuDiv {
clear:both;
float:left;
display:table;
background:#cdf;
color:#000;
text-align:left;
width:98%;
padding:1%;
}

#SubMenuDiv ul {
list-style-type:none;
border:thin outset #ddd;
background:#fff;
margin:0;
padding:0;
}

#SubMenuDiv .menu_group_headers {
background:#ddd;
border:thin solid #ddd;
text-align:center;
}

#TransactionsDiv,#InquiriesDiv,#MaintenanceDiv {
float:left;
width:33.33%;
}

#InquiriesDiv div {
background:#ddd;
border:thin solid #ddd;
width:33%;
padding:1px;
}

.menu_group_item p {
color:red;
text-indent:-10px;
margin:0 0 0 12px;
}

#FooterDiv {
clear:both;
overflow:hidden;
background:#569;
}

#dialog_buttons,td.number,input.number,input.integer {
text-align:right;
}

input:hover,select:hover,button:hover {
background:#ADD8E6;
}

input.inputerror,select.selecterror,textarea.texterror {
background-color:#fddbdb;
}

#AppInfoDiv,#AppInfoCompanyDiv,#AppInfoUserDiv {
float:left;
}

#AppInfoUserDiv a,#AppInfoUserDiv a:hover {
color:#FFF;
}

#QuickMenuDiv,#FooterLogoDiv {
float:right;
}

#QuickMenuDiv li,#MainMenuDiv li {
display:inline;
float:left;
margin:2px 0;
padding:0;
}

#favourites {
background:#556699;
color:#B0C4DE;
font-size: 150%;
padding-top: 2px;
padding-bottom: 2px;
padding-left: 7px;
padding-right: 7px;
border: solid 1px #fff;
border-radius: 15px;
margin: 2px;
}

#favourites:hover {
cursor:pointer;
}

#PlusMinus:hover {
cursor:pointer;
}

.CanvasTitle {
background:#4682B4;
border-top-left-radius:15px;
border-top-right-radius:15px;
box-shadow:3px 3px 4px #86C3D7 inset, -3px -3px 4px #383878 inset, 0 0 0px #000;
padding: 5px;
color:#fff;
text-shadow: 1px 1px #0E0C6D;
}

iframe {
border-width: 0px;
width:30%;
margin-left:10px;
margin-top:5px;
margin-bottom:5px;
}

#CloseButton {
cursor:pointer;
float:right;
padding: 1px;
padding-right:5px;
color: #fff;
text-shadow: 1px 1px #0E0C6D;
}

#CloseButton:hover {
box-shadow:2px 2px 3px #86C3D7, -2px -2px 3px #383878;
}
